/* global React */
// Vote — ranked-choice (instant-runoff). Each driver ranks the options; tabulation
// eliminates the lowest first-choice and redistributes until one has a majority.
// Nothing is locked to a fixed slate — drivers can also propose an option.
function VoteScreen() {
const { Button, Card, Badge, Input } = window.GT7LeagueDesignSystem_258437;
const D = window.GT7DATA;
const POLLS = { Feature: D.poll, Sprint: D.sprintPoll };
const [subject, setSubject] = React.useState('Feature');
const [optionsBy, setOptionsBy] = React.useState({
Feature: D.poll.options, Sprint: D.sprintPoll.options,
});
const [rankingBy, setRankingBy] = React.useState({
Feature: D.poll.options.map(o => o.id), Sprint: D.sprintPoll.options.map(o => o.id),
});
const [submittedBy, setSubmittedBy] = React.useState({ Feature: false, Sprint: false });
const [proposal, setProposal] = React.useState('');
const poll = POLLS[subject];
const options = optionsBy[subject];
const ranking = rankingBy[subject];
const submitted = submittedBy[subject];
const byId = Object.fromEntries(options.map(o => [o.id, o]));
const move = (i, dir) => {
if (submitted) return;
const j = i + dir;
if (j < 0 || j >= ranking.length) return;
setRankingBy(m => {
const n = [...m[subject]]; [n[i], n[j]] = [n[j], n[i]];
return { ...m, [subject]: n };
});
};
const submit = () => setSubmittedBy(m => ({ ...m, [subject]: true }));
const reset = () => setSubmittedBy(m => ({ ...m, [subject]: false }));
const propose = () => {
const name = proposal.trim();
if (!name || submitted) return;
const id = 'p' + Date.now();
setOptionsBy(m => ({ ...m, [subject]: [...m[subject], { id, title: name, meta: 'Proposed by you · pending', votes: 0 }] }));
setRankingBy(m => ({ ...m, [subject]: [...m[subject], id] }));
setProposal('');
};
const result = submitted ? runIRV([...poll.otherBallots, ranking], ranking) : null;
const bothIn = submittedBy.Feature && submittedBy.Sprint;
// Auto-feed: when a ballot is submitted, publish its winner so the Round Builder
// can pre-fill the next round from the vote.
React.useEffect(() => {
const store = window.GT7VOTE = window.GT7VOTE || {};
['Feature', 'Sprint'].forEach(s => {
if (!submittedBy[s]) return;
const p = POLLS[s];
const r = runIRV([...p.otherBallots, rankingBy[s]], rankingBy[s]);
const win = p.options.find(o => o.id === r.winner);
if (win && win.build) store[s.toLowerCase()] = { label: win.title, build: win.build };
});
// Auto-flow: write the winners straight onto the next scheduled round (least admin).
const nr = D.schedule.find(x => x.status === 'next');
if (nr) {
if (store.feature) { const b = store.feature.build; nr.track = b.track; nr.featureCar = b.car; nr.laps = b.laps; }
if (store.sprint) { const b = store.sprint.build; nr.sprint = store.sprint.label + (b.klass !== 'Road' ? ' · BoP on' : ` · ${b.min}–${b.max} PP`); }
if (store.feature || store.sprint) nr.fromVote = true;
}
window.dispatchEvent(new CustomEvent('gt7-vote'));
}, [submittedBy]); // eslint-disable-line
return (
{/* Subject toggle */}
{bothIn ? 'Both ballots submitted ✓' : `${(submittedBy.Feature ? 1 : 0) + (submittedBy.Sprint ? 1 : 0)} of 2 ballots submitted`}
{poll.title}
{!submitted ? (
<>
{ranking.map((id, i) => (
{i + 1}
{byId[id].title}
{byId[id].meta}
move(i, -1)} />
move(i, 1)} />
))}
5 of 6 drivers have voted
) : (
)}
{/* Propose */}
{!submitted && (
Propose a {subject.toLowerCase()} option
setProposal(e.target.value)} />
New proposals join this ballot and can be ranked immediately.
)}
);
}
function VoteSegmented({ options, value, onChange, done }) {
return (
{options.map(o => {
const on = o === value;
return (
);
})}
);
}
// ---- Instant-runoff tabulation ----
function runIRV(ballots, candidates) {
let active = new Set(candidates);
const rounds = [];
while (true) {
const tally = {}; active.forEach(c => (tally[c] = 0));
ballots.forEach(b => { const top = b.find(c => active.has(c)); if (top != null) tally[top]++; });
const total = Object.values(tally).reduce((a, x) => a + x, 0);
const entries = Object.entries(tally).sort((a, b) => b[1] - a[1]);
if (!entries.length) return { winner: null, rounds };
const [leader, leadVotes] = entries[0];
if (leadVotes > total / 2 || active.size <= 1) {
rounds.push({ tally: { ...tally }, total, majority: true });
return { winner: leader, rounds };
}
const min = Math.min(...Object.values(tally));
const losers = entries.filter(([, v]) => v === min).map(([c]) => c);
const eliminated = losers[losers.length - 1];
rounds.push({ tally: { ...tally }, total, eliminated });
active.delete(eliminated);
}
}
function RunoffResult({ result, byId, onReset }) {
const { Button, Card, Badge } = window.GT7LeagueDesignSystem_258437;
const winner = result.winner;
return (
Winner
{byId[winner] ? byId[winner].title : '—'}
Decided over {result.rounds.length} runoff round{result.rounds.length > 1 ? 's' : ''} · majority of {result.rounds[0].total} ballots.
Runoff rounds
{result.rounds.map((rd, ri) => {
const entries = Object.entries(rd.tally).sort((a, b) => b[1] - a[1]);
return (
Round {ri + 1}
{rd.majority ? Majority reached : Drop: {byId[rd.eliminated] ? byId[rd.eliminated].title : rd.eliminated}}
{entries.map(([id, v]) => {
const pct = rd.total ? Math.round((v / rd.total) * 100) : 0;
const isElim = id === rd.eliminated;
const isWin = rd.majority && id === result.winner;
return (
{byId[id] ? byId[id].title : id}
{v} · {pct}%
);
})}
);
})}
);
}
function rankColor(i) {
return ['var(--gold-500)', 'var(--accent)', 'var(--ink-400)'][i] || 'var(--ink-600)';
}
function ArrowBtn({ dir, disabled, onClick }) {
return (
);
}
window.VoteScreen = VoteScreen;